<template>
    <div class="box">
        <div class="header">
            退住告知书
        </div>
        <table style="width: 100%;">
            <tbody>
                <tr>
                    <td>床号：09床</td>
                    <td>姓名：李建刚</td>
                    <td>性别：女</td>
                    <td>年龄：76</td>
                </tr>
                <tr >
                    <td>身份证号码：64101021923707131234</td>
                    <td colspan="3">联系电话：13000001234</td>
                </tr>
                <tr>
                    <td colspan="4">
                        入住日期：2021年7月12日至2022年12月12日
                    </td>
                </tr>
                <tr style="height: 250px;" >
                    <td>今日与入住者或监护人</td>
                    <td colspan="3">
                        作了出院和注意事项沟通，表示同意终止服务协议
                        <div class="sign">入住者、家属签字：</div>
                    </td>
                </tr>
                <tr>
                    <td>填表时间 ： 2022-12-12 05:12:12</td>
                    <td>护士:小芳</td>
                    <td colspan="3"></td>
                </tr>
            </tbody>
        </table>
    </div>

</template>

<script setup>

</script>

<style  scoped>
.box {
  width: 800px;
  height: 1200px;
  border: 1px solid gray;
  margin: auto;
}
.header{
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  background-color: #f3f6f9;
}
table,th,td{
  border: 1px solid #f3f6f9;
  border-collapse: collapse;
  padding: 15px 20px;
  font-size: 12px;
}
.sign{
    position: relative;
    left: 230px;
    bottom: -70px;
}
</style>